<template>
  <div class="m-arrange">
    <div class="arr-title">行程安排</div>
    <p class="arr-content">在埃菲尔铁塔下的塞纳河码头边，登上装饰全透明玻璃窗的游船，用一个小时的时间欣赏两岸的极致美景。沿着塞纳河欣赏巴黎夜景中灯光璀璨的历史建筑，为您讲述璀璨巴黎的故事和法式生活。</p>
    <hr/>
    <div class="add-service">附加服务</div>
    <table class="ser-content">
      <tr>
        <!--<td><li>集合方式</li><li>酒店接送</li></td>-->
        <td>集合方式<br/><b>酒店接送</b></td>
        <td>交通信息<br/><b>包车 经济性5座</b></td>
        <td>集合方式<br/><b>中文</b></td>
      </tr>
      <tr>
        <td>餐饮信息<br/><b>午餐 晚餐</b></td>
        <td>保险信息<br/><b>含保险</b></td>
        <td>购物信息<br/><b>无购物</b></td>
      </tr>
    </table>
  </div>
</template>
<script>
  export default {
    name: 'm-arrange',
    data () {
      return {
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .m-arrange{
    width: 100%;
    padding: 0.24rem 0.3rem;
    background-color: #FFF;
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    font-size: 0.28rem;
    margin-bottom: 0.28rem;
  }
  .arr-title{
    width: 100%;
    height: 0.7rem;
    font-size: 0.3rem;
    font-weight: bold;
    border-bottom: 1px solid #D7D7D7;
  }
  .arr-content{
    width: 92%;
    margin: 0.2rem auto;
    font-size: 0.28rem;
    color: #777;
  }
  .add-service{
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
  }
  .ser-content{
    width: 92%;
    height: 2.8rem;
    margin: 0 auto;
    border-collapse: collapse;
    color: #999;
    background-color: #F8F8F8;
    text-align: center;
  }
  tr,td{
    border: 1px solid #E1E1E1;
  }
</style>
